* {
	margin: 0;
	padding: 0;
}
.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
	-webkit-filter: blur(5px); /* Chrome, Opera */
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
	/* IE6~IE9 */
	background: #000 url("../images/login-bg.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#login {
	position: relative;
	width: 400px;
	margin: 100px auto 0px;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
	text-align: center;
}


#mask {
	width: 400px;
	height: 431px;
	background-color: #cedfd9;
	
	
	filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
	-webkit-filter: blur(1px); /* Chrome, Opera */
	
	border-radius: .5em;
	 box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,
                                    0 .5em 1em rgba(0, 0, 0, 0.6);
                                    
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
	/* IE6~IE9 */
	
	 filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7; 
}


#login h1 {
	position: absolute;
	top: 10px;
	width: 400px; 
	padding : 20px 0;
	font-size: 140%;
	font-weight: 300;
	text-align: center;
	color: #fff;
}

input[type="text"], input[type="password"] {
	position: absolute;
	width: 360px;
	left:20px;
	background:#e9f1ee;
	border: 1px solid #ccc;
	padding: 3%;
	font-family: 'Open Sans', sans-serif;
	font-size: 95%;
	color: #555;
	z-index: 1000;
	border-radius:5px;
}
#name{
	top:110px;
}
#valid{
	top:230px;
}
#pass{
	top:170px;
}
input[type="submit"] {
	position: absolute;
	top:340px;
	width: 360px;
	left:20px;
	background: #5598ae;
	border: 0;
	padding: 3%;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	color: #fff;
	cursor: pointer;
	transition: background .3s;
	-webkit-transition: background .3s;
	border-radius:5px;
}

input[type="submit"]:hover {
	background: #2288bb;
}
.valitype{
	position:absolute;
	width:400px;
	text-align:center;
	top:290px;
}

label{
	color:#f5f5f5;
}

#mhr{
	position: absolute;
	width:360px;
	top:320px;
	left:20px;
}



